@charset "utf-8";
/* CSS Document */

.header{height:65px; width: 100%;position: relative; z-index: 99; min-width: 1200px;/* border-top: 2px solid #007dda*/}
.header_bg{background: #fff; filter:alpha(opacity=90);-moz-opacity:0.9;-webkit-opacity: 0.9;opacity: 0.9;width: 100%; height: 65px; position: absolute; left: 0; top: 0}
/*
.head{ position: relative;  height: 65px; width:1200px; z-index:9999}
.logo{width: 350px; padding: 0px; position: absolute; left: 0; top: 0
}
.logo img{ }
.shop{width:45px; height: 48px; position: absolute; right: 0; top: 0;}
.tel{width:160px; height: 48px; position: absolute; right: 0; top: 0; line-height: 48px; color: #f87500}
*/
.shop a{width:45px; height: 48px; display: block; background: url(/images/icon-shop.png) no-repeat center;}
.shop a span{background: #f87500; border-radius: 6px;padding: 0 3px; line-height: 14px; font-size: 12px; color: #fff;position: absolute; top: 10px; left: 24px;}
.shop a:hover{background: url(/images/icon-shop.png) no-repeat center #f5f7f9;}
.login_before{width: 89px; height: 48px; position:absolute; top: 0; right: 45px; line-height: 48px; font-size: 12px;}
.login_before a{display: block; text-align: center; padding-left: 16px; background: url(/images/icon-person.png) no-repeat 8px 18px;}
.login_before a:hover{background: url(/images/icon-person.png) no-repeat 8px 18px #f5f7f9;}
.login_after{width: 100px; height: 48px; position: absolute; top: 0; right: 45px; line-height: 48px; font-size: 12px;}
.login_after a.user{height:48px; display: block; padding:0 23px; background: url(/images/icon-person.png) no-repeat 8px 17px;color: #666; overflow: hidden;}
.login_after a.user:hover{background: url(/images/icon-person.png) no-repeat 8px 17px #f5f7f9; }
.login_after a.user i.icon-arrow{width:7px; height: 4px; display: block; background: url(/images/icon-arrow.png) no-repeat 0 0; position: absolute; top: 23px; right: 12px;}
.after_con{width:54px; position: absolute; left: 0; top: 48px; background: #f5f7f9; padding: 9px 23px; z-index: 9999}
.after_con a{line-height: 24px; display: block; height: 24px; overflow: hidden;}
.nav{width: 790px; overflow: hidden; margin: 0 auto; height:65px; float:right;}
.nav li{float: left;  height:65px;}
.nav li a{height:65px;line-height: 65px; width:110px;color:#666;  text-align:center; display: block; font-size:16px; font-weight:bold;}
.nav li a.active{color: #f87500}
.nav li.d_2 a{color:#666; font-size:16px; font-weight:bold;}
.nav li.d_2 a.active{color: #f87500}

.subnav{position: absolute; left: 0px; top:64px; width: 100%;  border-top: 1px solid #ececec;}
.subnav_bg{background: #fff; width: 100%; height: 100%; position: absolute; left: 0; top: 0;filter:alpha(opacity=90);-moz-opacity:0.90;-webkit-opacity: 0.90;opacity: 0.90; z-index: -1}
.subnav_con{width: 1350px; height: 0; margin: 0 auto; padding-left:10px; position: relative; z-index: 999; overflow: hidden;left:-140px;}
.subnav_con ul{padding: 15px 50px; display: block; position: absolute; top: 0; left: 0;}
.subnav_con ul li{height: 32px; line-height: 32px; position: relative; width: 200%; overflow: hidden; }
.subnav_con ul li a{display: block;}

.footer{padding-top:20px; padding-bottom:30px; font-size: 12px; line-height: 26px; color: #999; width: 100%; min-width: 1200px; position: relative;background: #f5f5f3;border-top: 1px solid #e5e5e5;}
.footer-menu{}
.footer-menu a{padding:0 12px; color: #999}
.footer-menu a:hover{color: #f87500}
.footer-menu a.first{padding-left: 0}
.copyright{}
.copyright a{
	color:#999;}
.gzwm{position: absolute; right: 0; top: 0; font-size: 12px; line-height: 12px;}
.gzwm span{position: absolute; top: 0px;right: 150px;}
.gzwm a{color:#999;
	transition: color 0.2s;
	-moz-transition: color 0.2s;
	-webkit-transition: color 0.2s;
	-o-transition: color 0.2s;
}
.gzwm a:hover{color:#f87500;}
.gzwm a.locat{position: absolute;top: 9px; right: 160px; display:block;height:15px;width: 100px; line-height:15px; background: url(/images/icon-locat.png) no-repeat 0 0; padding-left: 15px;}
.gzwm a.locat:hover{background-position: 0 -20px;}
.gzwm .attention{width:140px; height: 32px; line-height: 32px; position: absolute; right: 0; top: 0}
.gzwm .attention a.gz-wb{width:32px; height: 32px; display: block; background: url(/images/icon-attention.png) no-repeat 0 0; position: absolute; top: 0; right: 40px;}
.gzwm .attention a.gz-wb:hover{background-position: 0 -40px;}
.gzwm .attention a.gz-wx{width:32px; height: 32px; display: block; background: url(/images/icon-attention.png) no-repeat -40px 0; position: absolute; top: 0; right: 0px;}
.gzwm .attention a.gz-wx:hover{background-position: -40px -40px;}
.gzwm .attention .ewm{width: 107px; height: 147px;overflow: hidden; padding: 38px 35px 0; position: absolute; top: -185px; right: -71px; background: url(/images/ewm_bg.png) no-repeat 0 0 ;}
.gzwm .attention .ewm img{width: 107px; height: 107px;}
.gzwm a.kxwz{width:89px; height: 32px; display: block; background:url(/images/icon-kxwz.png); position: absolute; right: 0; top: 40px;}


.onlineserver{width: 28px; height: 110px; position: fixed; right: 0; top: 25%; z-index: 99999}
.onlineserver a{width: 28px; height: 110px; display: block; background: url(/images/server.png) no-repeat 0 0 #3d3d3d;}
.onlineserver a.s{width: 28px; height: 110px; display: block; background: url(/images/server.png) no-repeat 0 0 #3d3d3d;}
.onlineserver a:hover{background-color: #333}
.scrolltop{width: 60px; height: 60px; position: fixed; right: 0; bottom:10%; z-index: 99999}
.scrolltop a.t{width: 60px; height: 60px; display: block; background: url(/images/top2.png) no-repeat center #e2e2e2; margin-top:5px }
.scrolltop a:hover{background-color: #9a9a9a}
